<template>
  <div class="definite">
    <u-navbar
      :is-back="true"
      :custom-back="BackM"
      title="修改商户分润"
      back-text=""
    >
    </u-navbar>
    <div class="title">- 商户信息 -</div>
    <div class="item">
      <span>联系人：</span>
      <span style="float: right">曾伟</span>
    </div>
    <div class="item">
      <span>联系电话：</span>
      <span style="float: right">18987788767</span>
    </div>
    <div class="em">
      注：若设置分润，该手机号将作为分润账户，可通过手机号登陆进行分润提现
    </div>
    <div class="title">- 是否给商户分润 -</div>
    <div class="item">
      <span style="float: left">设置绝对分润比例</span>
      <span style="font-size: 0.6rem; float: left">(非必填)</span>
      <img class="item-img" src="../../../style/image/my/A32.jpg" alt="" />
    </div>
    <div class="item">
      <span style="float: left">相对分润比例：</span>
      <input class="me" type="text" placeholder="设置1到100" />
      <span class="en">%</span>
    </div>
    <div class="em">
      注：您当前持有的分润比例，将作为100%的值，你可分给商户从1% 到100%的值。
    </div>
    <div class="item">
      <div>商户查看订单权限</div>
      <div class="it">商户收益订单明细，将展示给商户端查看</div>
      <img class="em_img" src="../../../style/image/my/A31.jpg" alt="" />
    </div>
    <div class="item">
      <div>商户查看分润比例权限</div>
      <div class="it">商户分润比例，将展示给商户端查看</div>
      <img class="em_img" src="../../../style/image/my/A30.png" alt="" />
    </div>
    <div class="title">- 手续费 -</div>
    <div class="item">
      <span style="float: left">手续费：</span>
      <input class="me" type="text" placeholder="请设置手续费" />
      <span class="en">%</span>
    </div>
    <div class="em">
      注：您填写增加部分的提现手续费，将在商户提现时以分润的方式发放到您的账户
    </div>
    <button @click="goNext" class="sure">下一步</button>
  </div>
</template>

<script lang='ts' >
import { Component, Prop, Vue, Watch, Emit } from "vue-property-decorator";

@Component({
  //   @Component  是一个装修器   不可以在下面写语句
  name: "test",
})
export default class extends Vue {
  @Prop({
    type: String, // 父组件传递给子组件的数据类型
    required: false, // 是否必填
    default: " ", // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
  })
  msg!: string;

  created() {}

  mounted() {
    //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑
    //  uni.navigateTo({
    // url: './selectBusin'
    // });
  }
  goNext(){
  
   uni.navigateTo({
    url: '../../myPos/calculate'
    });
  
  }
}
</script>

<style  scoped>
.definite {
  font-family: PingFang SC;
  background: #f3f5f7;
  height: 100%;
}
uni-page-body {
  height: 100%;
}
.sure {
  height: 2.5rem;
  line-height: 2.5rem;
  color: #ffffff;
  background: #02af74;
  border-radius: 0;
  cursor: pointer;
  margin-top: 1.5rem;
}
.title {
  padding: 0.5rem;
  text-align: center;
  font-size: 0.65rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1rem;
}
.item {
  font-size: 0.7rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 0.98rem;
  background: #ffffff;
  padding: 0.6rem 0.5rem;
  margin-bottom: 0.08rem;
  position: relative;
}
.em {
  padding: 0.6rem 0.5rem;
  font-size: 0.62rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  background: #ffffff;
  line-height: 0.76rem;
  margin-bottom: 0.06rem;
}
.me {
  font-size: 0.7rem;
  color: #999999;
  width: 12rem;
}
.item-img {
  width: 4.15rem;
  height: 1.17rem;
  padding-left: 0.5rem;
  cursor: pointer;
}
.en {
  position: absolute;
  right: 1rem;
  top: 0.7rem;
  font-size: 1.01rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
}
.it {
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 0.76rem;
}
.em_img {
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  width: 3rem;
  height: 1.5rem;
}
uni-button:after {
  border-radius: 0;
}
</style>